<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>引入方式</title>
    <script>
        // 修饰符 函数名(参数列表){
        //     // 代码块
        // }
        function f1() {
            alert("Hello JavaScript");
        }
    </script>
    <!-- 错误用法一:标签体中不能存在代码 -->
    <!--    <script type="text/javascript" src="../js/test.js">-->
    <!--        function f1(){-->
    <!--            alert("Hello JavaScript");-->
    <!--        }-->
    <!--    </script>-->
    <!-- 错误用法二:script标签不能自结束,必须存在结束标签 -->
    <!--    <script type="text/javascript" src="../js/test.js"/>-->
    <script type="text/javascript" src="../js/test.js"></script>
</head>
<body>
<button onclick="javascript:alert('Hello World')">简短缩写方式</button>
<button onclick="alert('Hello World')">简写方式</button>
<br>
<button onclick="f1()">内联方式</button>
<br>
<button onclick="fn()">外部引入</button>
</body>
</html>